<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
	<title><s:text name="head.estadisticas.objetos_mas_comprados.title"/></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="css/hoja_general.css" media="screen, projection" />
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
	<script type="text/javascript" src="js/codigo_general.js"></script>
	<script type="text/javascript" src="js/codigo_estadisticas_objetos_mas_comprados.js"></script>
</head>

<body>
	<div id="contenedor">
		<jsp:include page="/backend/inc/cabecera.jsp" />
		<jsp:include page="/backend/inc/navegacion.jsp" />
		<div id="contenidos">
			<h2><s:text name="estadisticas.objetos_mas_comprados.titulo"/></h2>
			<div id="formulario" class="formulario">
				<h3><s:text name="estadisticas.buscador.titulo"/></h3>
				<form action="./objetosMasComprados.action" method="post">
					<fieldset>
						<label for="tipo"><s:text name="estadisticas.objetos_mas_comprados.buscador.etiqueta_1"/>:<select id="tipo" name="familia">
							<option value="carta" <s:if test="familia==null || familia=='carta'">selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_1.valor_1"/></option>
							<option value="m_jugador" <s:if test="familia=='jugador'">selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_1.valor_2"/></option>	
							<option value="ropa" <s:if test="familia=='ropa'">selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_1.valor_3"/></option>
							<option value="sobre" <s:if test="familia=='sobre'">selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_1.valor_4"/></option>
						</select></label>
						<label for="tipo-busqueda"><s:text name="estadisticas.objetos_mas_comprados.buscador.etiqueta_2"/>:<select id="tipo-busqueda" name="tipo">
							<option value="0"<s:if test="%{(tipo!='semana' && tipo!='mes') || tipo==null}"> selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_2.valor_1"/></option>
							<option value="semana"<s:if test="%{tipo=='semana'"> selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_2.valor_2"/></option>
							<option value="mes"<s:if test="%{tipo=='mes'}"> selected="selected"</s:if>><s:text name="estadisticas.objetos_mas_comprados.buscador.desplegable_2.valor_3"/></option>
						</select></label>
						<label for="desde"><s:text name="estadisticas.buscador.etiqueta_2"/>:<input id="desde" name="fechaInicio" type="text" class="texto fecha" value="${fechaInicio}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.inicio.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<label for="hasta"><s:text name="estadisticas.buscador.etiqueta_3"/>:<input id="hasta" name="fechaFin" type="text" class="texto fecha" value="${fechaFin}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.fin.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<input id="cuantos-busqueda" name="cuantos" type="hidden" class="oculto" value="10" />
						<button type="submit" title="<s:text name="estadisticas.buscador.boton.title"/>" class="tipo-2"><s:text name="comun.boton.buscar.text"/></button>
					</fieldset>
				</form>
			</div>
			<div class="objetos">
				<div id="descargar" class="datos">
					<div class="contenedor corta">
						<div class="contenedor">
							<p>Si lo deseas puedes descargar estos datos en un <a title="<s:text name="comun.link.excel.title"/>" href="./objetosMasComprados_xls.action?nombre=<s:text name="estadisticas.objetos_mas_comprados.fichero"/>&amp;familia=${familia}&amp;tipo=${tipo}&amp;fechaInicio=${fechaInicio}&amp;fechaFin=${fechaFin}">fichero de Excel</a></p>
						</div>
					</div>
				</div>
				<!-- Cartas más vendidas -->
				<s:if test="%{familia==null || listaCartas!=null}">	
				<div id="cartas" class="datos">
					<h3><s:text name="estadisticas.objetos_mas_comprados.cartas.titulo"/></h3>
					<s:if test="%{listaCartas.size>0 }">		
					<div class="contenedor pie">
						<div class="contenedor">
							<%@include file="/backend/inc/stats_objetos_cartas_tabla.jsp"%>
						</div>
						<div class="paginacion">
							<%@include file="/backend/inc/stats_objetos_cartas_paginacion.jsp"%>
							<fieldset>
								<label for="cuantos-cartas"><s:text name="comun.paginacion.resultados_por_pagina"/>:</label>
								<select id="cuantos-cartas" name="cuantos_cartas">
									<option value="10" selected="selected">10</option>
									<option value="20">20</option>
									<option value="50">50</option>
									<option value="100">100</option>
								</select>
							</fieldset>
						</div>
					</div>
					</s:if>
					<s:else>
					<div class="contenedor">
						<div class="contenedor">
							<p><s:text name="estadisticas.objetos_mas_comprados.no_hay"/></p>
						</div>
					</div>
					</s:else>
				</div>
				</s:if>
				<!--Jugadores más vendidos -->
				<s:if test="%{familia==null || listaJugadores!=null}">
				<div id="jugadores" class="datos">
					<h3><s:text name="estadisticas.objetos_mas_comprados.jugadores.titulo"/></h3>
					<s:if test="%{listaJugadores.size>0}">		
					<div class="contenedor pie">
						<div class="contenedor">
							<%@include file="/backend/inc/stats_objetos_jugadores_tabla.jsp" %>
						</div>
						<div class="paginacion">
							<%@include file="/backend/inc/stats_objetos_jugadores_paginacion.jsp"%>
							<fieldset>
								<label for="cuantos-jugadores"><s:text name="comun.paginacion.resultados_por_pagina"/>:</label>
								<select id="cuantos-jugadores" name="cuantos_jugadores">
									<option value="10" selected="selected">10</option>
									<option value="20">20</option>
									<option value="50">50</option>
									<option value="100">100</option>
								</select>
							</fieldset>
						</div>
					</div>
					</s:if>
					<s:else>
					<div class="contenedor">
						<div class="contenedor">
							<p><s:text name="estadisticas.objetos_mas_comprados.no_hay"/></p>
						</div>
					</div>
					</s:else>
				</div>
				</s:if>	
				<!--  Ropa más vendida -->
				<s:if test="%{familia==null || listaRopa!=null}">
				<div id="ropa" class="datos">
					<h3><s:text name="estadisticas.objetos_mas_comprados.ropa.titulo"/></h3>
					<s:if test="%{listaRopa.size>0}">		
					<div class="contenedor pie">
						<div class="contenedor">
							<%@include file="/backend/inc/stats_objetos_ropa_tabla.jsp" %>
						</div>
						<div class="paginacion">
							<%@include file="/backend/inc/stats_objetos_ropa_paginacion.jsp" %>
							<fieldset>
								<label for="cuantos-ropa"><s:text name="comun.paginacion.resultados_por_pagina"/>:</label>
								<select id="cuantos-ropa" name="cuantos_ropa">
									<option value="10" selected="selected">10</option>
									<option value="20">20</option>
									<option value="50">50</option>
									<option value="100">100</option>
								</select>
							</fieldset>
						</div>
					</div>
					</s:if>
					<s:else>
					<div class="contenedor">
						<div class="contenedor">
							<p><s:text name="estadisticas.objetos_mas_comprados.no_hay"/></p>
						</div>
					</div>
					</s:else>
				</div>
				</s:if>
				<!--  Sobres más vendidos -->
				<s:if test="%{familia==null || listaSobres!=null}">
				<div class="datos">
					<h3><s:text name="estadisticas.objetos_mas_comprados.sobres.titulo"/></h3>
					<s:if test="%{listaSobres.size>0}">		
					<div class="contenedor corta">
						<div class="contenedor">
							<%@include file="/backend/inc/stats_objetos_sobres_tabla.jsp" %>
						</div>
					</div>
					</s:if>
					<s:else>
					<div class="contenedor">
						<div class="contenedor">
							<p><s:text name="estadisticas.objetos_mas_comprados.no_hay"/></p>
						</div>
					</div>
					</s:else>
				</div>	
				</s:if>
			</div>
		</div>
	</div>
</body>
</html>